博客
关于我
前端页面,90°翻转图片、滚动鼠标滑轮放大缩小图片
阅读量:421 次
发布时间:2019-03-06

本文共 435 字,大约阅读时间需要 1 分钟。

话不多说,直接上代码:

#set($_title = "查看司机照片") #parse("common/_header.vm")       
代码解析:

 

 
其中 onmousewheel="return bigimg(this)"  控制鼠标滑轮的滚动事件。(其中放大缩小比例可以通过修改  zoom += event.wheelDelta / 20;  后面的分母,分母越小,滚动一次缩放比例越大)
下面这段代码控制点击翻转图片90°。
window.onload = function(){     var current = 0;     document.getElementById('target').onclick = function(){         current = (current+90)%360;         this.style.transform = 'rotate('+current+'deg)';     } };
 
 

转载地址:http://exyuz.baihongyu.com/

你可能感兴趣的文章
New Concept English three (35)
查看>>
NEW DATE()之参数传递
查看>>
New Journey--工作五年所思所感小记
查看>>
new Queue(REGISTER_DELAY_QUEUE, true, false, false, params)
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new work
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
NewspaceGPT绘制时序图
查看>>
new一个对象的过程
查看>>
new和delete用法小结
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus 介绍
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>
Nexus指南已经发布
查看>>
Nexus(1):Nexus的安装与配置
查看>>